
document.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('.zp-classstyle-normal').innerHTML = hljs.highlight(`<style>
.wrapper{
  position: sticky;
  top: 0;
}
.logo{
  font-weight: bold;
  font-size: 18px;
  padding: 8px 8px 8px 16px;
}
</style>

<div class="wrapper">
  <div class="logo">👨‍💻 ZPCode Kits</div>
</div>`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-classstyle').innerHTML = hljs.highlight(`<div class="ps t0">
  <div class="bold fs18 p8 pl16">👨‍💻 ZPCode Kits</div>
</div>`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-classstyle-usageall').innerHTML = hljs.highlight(`<link rel="stylesheet" href="http://zx4.com:8001/kits/css/zpcode.all.min.css">`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-classstyle-usage').innerHTML = hljs.highlight(`<link rel="stylesheet" href="http://zx4.com:8001/kits/css/zpcode.min.css">`,
    {language: 'xml'}
  ).value;
  document.querySelector('.zp-classstyle-usagesm').innerHTML = hljs.highlight(`<link rel="stylesheet" href="http://zx4.com:8001/kits/css/zpcode.sm.min.css">`,
    {language: 'xml'}
  ).value;
});
